.tag-blue {
    background: #52b3fe;
}

.tag-green {
    background: #14c4a3;
}

.tag-red {
    background: #ff5e70;
}

.line-view {
    width: 100%;
    height: 1px;
    background: #ededed
}

.verticle-line-view {
    width: 1px;
    height: 100%;
    background: #ededed;
}

.num-orange {
    color: #fb7000;
}

.num-green {
    color: #2dbe60;
}

.num-blue {
    color: #49a2fe;
}

.single-line {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.two-line {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.four-line {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.border-shadow {
    border-radius: 0.25rem;
    box-shadow: 0px 0px 0.25rem 0.05rem #ededed;
}

.horizontal-view {
    display: flex;
    flex-direction: row;
}

.verticle-view {
    display: flex;
    flex-direction: column;
}

.rotateRight {
    transform: rotate(180deg);
}
